﻿<%@ Page Language="C#" AutoEventWireup="true" EnableViewState="false" CodeBehind="Default.aspx.cs"
    Inherits="Card.Web._Default" %>

<%@ Import Namespace="Card.Utility" %>
<%@ Register Src="Controls/Header.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="Controls/Footer.ascx" TagName="Footer" TagPrefix="uc1" %>
<%@ Register Src="Controls/LogoDesign.ascx" TagName="Logo" TagPrefix="uc1" %>
<%@ Import Namespace="Card.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><%=this.AreaDesc %>在线设计印刷平台|<%=this.AreaDesc %>名片设计|<%=this.AreaDesc %>名片制作|<%=this.AreaDesc %>宣传单页|<%=this.AreaDesc %>优惠券|<%=this.AreaDesc %>PVC卡|<%=this.AreaDesc %>不干胶|<%=this.AreaDesc %>台历|<%=this.AreaDesc %>画册_<%=SiteName %></title>
    <link href="css/layout.css" type="text/css" rel="Stylesheet" />
    <link href="css/mp.css" type="text/css" rel="Stylesheet" />
    <link href="css/ui-lightness/jquery-ui-1.9.2.custom.min.css" rel="Stylesheet" />
    <style type="text/css">
        .PublicPart { width: 960px; margin: 10px auto 0 auto; }
        .PublicPart .Template { float: left; border: 1px solid #D1D3D1; background: #fff; position: relative; }
        .PublicPart .Template .top { height: 40px; background: #F2F2F2; border-bottom: 1px solid #fff; }
        .PublicPart .Template .top h6 { float: left; line-height: 40px; font-size: 12px; padding-left: 12px; color: #666; font-weight: 400; }
        .PublicPart .Template .top h6 strong { font-weight: 400; padding: 0 3px; color: #FF0101; }
        .PublicPart .Template .top ul { float: right; padding: 2px 0 0 0; }
        .PublicPart .Template .top ul li { float: left; height: 34px; line-height: 34px; color: #999; font-size: 14px; font-weight: 700; padding: 0 12px 0 35px; background: url( /images/number_02.png) no-repeat; }
        .PublicPart .Template .top ul li.two { background-position: 0 3px; }
        .PublicPart .Template .top ul li.two { background-position: 0 -33px; }
        .PublicPart .Template .top ul li.three { background-position: 0 -67px; }
        .PublicPart .Template .top ul li.four { background-position: 0 -101px; }
        .PublicPart .Template .Tem_show_list { border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
        .PublicPart .Otherentry { float: right; width: 236px; color: #999; }
        .gaituKeyword { height: 28px; padding-left: 45px; line-height: 28px; background: #F5F5F3; color: #999; }
        .gaituKeyword a { color: #999; padding: 0 20px 0 15px; }
        .gaituKeyword a:hover { text-decoration: underline; }
        .parttitle { position: absolute; z-index: 1; display: block; left: -37px; top: -1px; font-size: 20px; line-height: 26px; color: #fff; width: 30px; padding: 6px 0 0 8px; height: 118px; background: url(/images/indexPublicimg001.png) no-repeat -1px -1px; _background: url( ../images/indexPublicimg0011.png) no-repeat -1px -1px; font-family: "黑体"; }
        .tem_list { float: left; }
        .tem_list li { width: 208px; height: 158px; display: inline; overflow: hidden; float: left; margin: 12px 0 0 25px; }
        .tem_list li p { line-height: 30px; height: 30px; overflow: hidden; width: 208px; text-align: center; }
        .tem_list li div a { border: 3px solid #E2E2E2; display: block; text-align: center; padding: 1px; }
        .PhotoPart { position: relative; width: 958px; margin: 10px auto 0 auto; border: 1px solid #D1D3D1; }
        .PhotoPart .photonav { background: #F0F0F0; height: 36px; }
        .tab { background: #F0F0F0; }
        .tab ul li.c { border-bottom: 1px solid #fff; background: #fff; color: #ff8b00; }
        .tab ul li.c a { color: #ff8b00; }
        .tab ul li { float: left; cursor: pointer; width: 125px; height: 36px; font-size: 14px; font-weight: 700; line-height: 36px; text-align: center; color: #666; border-bottom: 1px solid #D1D3D1; border-right: 1px solid #D1D3D1; }
        .more { float: left; height: 36px; width: 200px; border-bottom: 1px solid #D1D3D1; }
        .P_Content { background: #fff; padding: 8px 0 12px 10px; }
    </style>

    <script type="text/javascript">
        var imgServer = '<%=Card.Utility.ImageUtilty.ImageServer + "/" %>'; 
    </script>

    <script src="JavaScript/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script src="JavaScript/design.js" type="text/javascript"></script>

    <script src="JavaScript/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>

    <script src="JavaScript/common.js" type="text/javascript"></script>

    <script src="JavaScript/myfocus-2.0.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        myFocus.set({id: 'flash',pattern: 'mF_expo2010'});
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <uc1:Header ID="header" LinkIndex="0" runat="server" />
    <div class="adv">
        <img alt="" src="themes/<%=this.Theme %>/Images/adv1.gif" />
    </div>
    <div class="main">
        <div style="width: 960px; height: 338px;" id="flash">
            <div class="pic">
                <!--图片列表-->
                <ul>
                    <li><a href="#">
                        <img src="themes/<%=this.Theme %>/images/f1.png" /></a></li>
                    <li><a href="#" target="_blank">
                        <img src="themes/<%=this.Theme %>/images/f2.jpg" /></a></li>
                    <li><a href="#" target="_blank">
                        <img src="themes/<%=this.Theme %>/images/f3.jpg" /></a></li>
                    <li><a href="#">
                        <img src="themes/<%=this.Theme %>/images/f4.jpg" /></a></li>
                </ul>
            </div>
        </div>
        <div class="PublicPart clear-fix">
            <div class="Template">
                <div class="top clear-fix" style="height: 40px; background: #F2F2F2; border-bottom: 1px solid #fff;">
                    <ul>
                        <li class="first">选择模板</li>
                        <li class="two">输入内容</li>
                        <li class="three">下单印刷</li>
                        <li class="four">等待收货</li>
                    </ul>
                </div>
                <div class="Tem_show_list">
                    <div class="mptemlist clear-fix">
                        <div class="tem_list">
                            <ul class="clear-fix">
                                <asp:Repeater ID="rptCardList" runat="server">
                                    <ItemTemplate>
                                        <li>
                                            <div>
                                                <a target="_blank" href="design.aspx?id=<%# Eval("ID") %>">
                                                    <img border="0" src="<%# ImageUtilty.GetTemplateListImagePath(Eval("FRONT_IMAGE").ToString()) %>"
                                                        alt='<%# Eval("NAME") %>'></a>
                                            </div>
                                            <p>
                                                <a target="_blank" href="design.aspx?id=<%# Eval("ID") %>">
                                                    <%# Eval("NAME") %></a></p>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="gaituKeyword">
                    <a style="float: right;" href="/templates.aspx" target="_blank">更多名片模版 >></a>
                </div>
                <a class="parttitle" href="/design.aspx">名片设计</a>
            </div>
        </div>
        <div class="PhotoPart clear-fix">
            <div class="photonav">
                <div class="tab">
                    <ul>
                        <li class="c"><a href="/xcd.aspx">宣传单页印刷</a></li>
                        <li><a href="/yhq.aspx">优惠券制作</a></li>
                        <li><a href="/pvc.aspx">PVC卡制作</a></li>
                        <li><a href="/bgj.aspx">不干胶制作</a></li>
                        <li><a href="/tl.aspx">台历制作</a></li>
                        <li><a href="/hc.aspx">画册制作</a></li>
                    </ul>
                    <div class="more">
                    </div>
                </div>
            </div>
            <div class="P_Content clear-fix">
                <a href="/xcd.aspx">
                    <img src="themes/<%=this.Theme %>/images/xcd_i.jpg" alt="样例图片" style="display: inline;"></a> <a href="/xcd.aspx">
                        <img src="themes/<%=this.Theme %>/images/xcdps2-i.png" alt="样例图片" style="display: inline;"></a>
            </div>
            <div class="gaituKeyword">
                <a style="float: right;" href="/xcd.aspx" target="_blank">宣传单页印刷 >></a>
            </div>
            <a class="parttitle" href="/xcd.aspx">印刷服务</a>
        </div>
        <div class="adv" id="order_silder" style="display: none">
            <ul>
                <li style="background-color: #F5F5F5; height: 35px; line-height: 35px; padding-left: 20px;">
                    最新订单....</li>
            </ul>
            <div style="height: 250px; overflow: hidden;">
                <table border="0" width="100%" id="tb_order">
                </table>
            </div>
        </div>
        <uc1:Footer ID="footer" runat="server" />
    </form>
</body>
</html>
